<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="pliuce.css">
<link rel="stylesheet" href="小米2.css">
<body>
  <!-- 第一部分头部 -->
  <div class="header">
    <div class="w1228">
      <ul>
        <li><a href="" class="a1">小米网</a></li>
        <li><a href="">小米网</a></li>
        <li><a href="">小米网</a></li>
        <li><a href="">小米网</a></li>
        <li><a href="">小米网</a></li>
        <li><a href="">小米网</a></li>
        <li><a href="">小米网</a></li>
        <li><a href="">小米网</a></li>
      
      </ul>
      <div>
        <span><a href="">登录</a></span>        <span><a href="">登录</a></span>
        <div><img src="image/小购物车.png" alt="">购物车(0)</div>
      </div>
    </div>
  </div>
  <!-- 第二部分 -->
  <div class="nav">
    <div class="w1228">
      <img src="image/小米.png" alt="">
      <ul>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
        <li><a href="">小米手机</a></li>
      </ul>
      <form>
        <input type="text">
        <button><img src="image/搜索标.png" alt=""></button>
      </form>
    </div>
  </div>
  <!-- 第三部分轮播图 -->
  <div class="banner w1228">
    <ul type="none">
      <li class="li1"><a href="">手机平板 <img src="image/小箭头.png" ></a></li>
      <li><a href="">相机盒子<img src="image/小箭头.png" ></a> </li>
      <li><a href="">路由器 智能硬件<img src="image/小箭头.png" ></a></li>
      <li><a href="">移动电源 插线板  <img src="image/小箭头.png" > </a></li>
      <li><a href="">耳机音箱  <img src="image/小箭头.png" ></a></li>
      <li><a href="">电池 存储卡<img src="image/小箭头.png" ></a></li>
      <li><a href="">保护套 后盖<img src="image/小箭头.png" ></a></li>
      <li><a href="">贴膜 其他配件<img src="image/小箭头.png" ></a></li>
      <li><a href="">米色 服装<img src="image/小箭头.png" ></a></li>
      <li><a href="">背包 其他周边<img src="image/小箭头.png" ></a></li>
    
    </ul>
    <img src="image/王子.png" alt="">
  </div>
  <!-- 第四部分 -->
  <div class="four w1242">
    <div class="one">
      <ul>
        <li><img src="image/闹钟.png" alt=""><p>开放购买</p></li>
        <li><img src="image/闹钟.png" alt=""><p>开放购买</p></li>
        <li><img src="image/闹钟.png" alt=""><p>开放购买</p></li>
        <li><img src="image/闹钟.png" alt=""><p>开放购买</p></li>
        <li><img src="image/闹钟.png" alt=""><p>开放购买</p></li>
        <li><img src="image/闹钟.png" alt=""><p>开放购买</p></li>
      </ul>
    </div>
    <div><img src="image/净水器.png" alt=""></div>
    <div><img src="image/手机1.png" alt=""></div>
    <div><img src="image/手机2.png" alt=""></div>
  </div>
  <!-- 第五部分 -->
  <div class="buy w1228">
    <h3>小米明星单品</h3>
    <div class="w1242">
    <div class="bor1"><img src="image/盘子.png" alt="">
      <p class="p1">小米电视2/2s 全系列</p>
    <p class="p2">40/48/49/55英寸 现货购买</p></div>
    <div class="bor2"><img src="image/盘子.png" alt="">
      <p class="p1">小米电视2/2s 全系列</p>
    <p class="p2">40/48/49/55英寸 现货购买</p></div>
    <div class="bor3"><img src="image/盘子.png" alt="">
      <p class="p1">小米电视2/2s 全系列</p>
    <p class="p2">40/48/49/55英寸 现货购买</p></div>
    <div class="bor4"><img src="image/盘子.png" alt="">
      <p class="p1">小米电视2/2s 全系列</p>
    <p class="p2">40/48/49/55英寸 现货购买</p></div>
    <div class="bor5"><img src="image/盘子.png" alt="">
      <p class="p1">小米电视2/2s 全系列</p>
    <p class="p2">40/48/49/55英寸 现货购买</p></div>
  </div></div>
  <!-- 第六部分 -->
  <div class="video">
 <div class="w1242"> 
  <h3>视频
  <span>查看全部<img src="image/小箭头.png" alt=""></span>
</h3>
  <div class="w1242">
    <div><img src="image/视频1.png" alt="">
    <p class="p1">小米8.13发布会全程视频</p>
    <p class="p2">MIUI,红米Note,路由器青春版相约与您见面</p></div>
    <div><img src="image/视频1.png" alt="">
      <p class="p1">小米8.13发布会全程视频</p>
      <p class="p2">MIUI,红米Note,路由器青春版相约与您见面</p></div>
    <div><img src="image/视频1.png" alt="">
      <p class="p1">小米8.13发布会全程视频</p>
      <p class="p2">MIUI,红米Note,路由器青春版相约与您见面</p></div>
    <div><img src="image/视频1.png" alt="">
      <p class="p1">小米8.13发布会全程视频</p>
      <p class="p2">MIUI,红米Note,路由器青春版相约与您见面</p></div>
  </div>
</div>
  </div>
  <!-- 第七部分 上半部分 -->
  <div class="serve-top w1228">
    <ul>
      <li><a href=""><img src="image/15.png" alt="">1小时快修服务</a></li>     <li><a href=""><img src="image/15.png" alt="">1小时快修服务</a></li>     <li><a href=""><img src="image/15.png" alt="">1小时快修服务</a></li>     <li><a href=""><img src="image/15.png" alt="">1小时快修服务</a></li>     <li><a href=""><img src="image/15.png" alt="">1小时快修服务</a></li>
    </ul>
  </div>
  <!-- 第七部分下半部分 -->
  <div class="serve-foot w1228">
    <div class="left">
      <ul>
        <h5>帮助中心</h5>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
      </ul>  <ul>
        <h5>帮助中心</h5>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
      </ul>  <ul>
        <h5>帮助中心</h5>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
      </ul><ul>
        <h5>帮助中心</h5>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
      </ul><ul>
        <h5>帮助中心</h5>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
        <li><a href="">购物指南</a></li>
      </ul>
    </div>
    <div class="right">
      <p class="p1">400-100-5678</p>
      <p class="p2">周一至周五 8:00-18:00</p>
      <p class="p2">(仅收市话费)</p>
      <button><img src="image/消息.png" alt="">24小时在线客服</button>
    </div>
  </div>
<!-- 尾部 -->
<div class="foot">
  <div class="w1228">
  <div class="left">
    <img src="image/小米.png" alt="">
    <ul>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li>
      <li><a href="">小米网</a></li></ul>
    <p>京ICP证110507号京ICP备10046444号京公网安备1101080212535号京网文[2014)0059-0009号
    </p>
  </div>
  <div class="right">
    <div> <img src="image/信.png" alt="">
    <p>诚信网站</p></div>
    <div> <img src="image/圈圈.png" alt="">
    <p>可信网站信用评估</p></div>  
     <div> <img src="image/绿标.png" alt="">
      <p>网上交易保障中心</p></div></div> 
</div></div>
</body>
</html>